<template>
    <div class="modalView">
      <img class="closeBtn" src="../../../static/img/bossVersion/close.png" @click="closeFun" alt="close">
      <slot name="modalContent"></slot>
    </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  mounted() {
    // this.emitTime();
  },
  methods: {
    closeFun() {
      this.$emit("modalShow", false);
    }
  }
};
</script>

<style lang="scss" scoped>
@import "../../style/bossVersion/_basics";
.modalView {
  @include flexXYcen;
  @include absoluteAllSides(0, 0, 0, 0, 999);
  background: rgba(0, 0, 0, 0.7);
}
.closeBtn {
  @include absoluteTRSide(0.25, 0.15, 1);
  width: 0.2rem;
  height: 0.2rem;
}
.modalContent {
  width: 3rem;
}
</style>
